<template>
  <div>
    <el-card>
      <div slot="header">
        <div class="out">
       <el-page-header @back="goBack">
          <template slot="content">
            <div class="header">
              <span>用户管理</span>
 <el-input v-model="search_content" placeholder="身份证/姓名"></el-input>
            </div>
          </template>
        </el-page-header>
        </div>
      </div>
      <div>
           <el-table
     :data="tableData"
     style="width: 100%">
     <el-table-column
       prop="id"
       label="编号"
       width="width"
       align="center">
     </el-table-column>
      <el-table-column
       prop="name"
       label="姓名"
       width="width"
       align="center">
     </el-table-column>
      <el-table-column
       prop="idcode"
       label="身份证"
       min-width="150"
       align="center">
     </el-table-column>
  <el-table-column
       prop="property_number"
       label="房产编号"
       min-width="200"
       align="center">
     </el-table-column>
   
      <el-table-column
       prop="property"
       label="房产"
       width="width"
       align="center">
     </el-table-column>
      <el-table-column
       prop="phone"
       label="电话"
       width="width"
       align="center">
     </el-table-column>
    
   </el-table>
      </div>
    </el-card>

  </div>
</template>

<script>
  export default {
    data(){
      return{
        tableData: [
    {
      "id": 2,
      "name": "李云龙",
      "housecode": "15",
      "phone": "19157715890",
      "idcode": "330103200202170410",
      "roomcode": "1231",
      "propertyindex": "8",
      "property_number": "杭州房产第900001号",
      "property":"白金汉宫"

    },
    {
      "id": 3,
      "name": "刘华强",
      "housecode": "26",
      "phone": "19157715891",
      "idcode": "330103200202170411",
      "roomcode": "827",
      "propertyindex": "3",
      "property_number": "杭州房产第900002号",
      "property":"克里姆林宫"
    },
    {
      "id": 4,
      "name": "王建国",
      "housecode": "32",
      "phone": "19157715892",
      "idcode": "330103200202170412",
      "roomcode": "916",
      "propertyindex": "8",
      "property_number":"杭州房产第900003号",
       "property":"国会大厦"
    },
    {
      "id": 5,
      "name": "喜羊羊",
      "housecode": "38",
      "phone": "19157715893",
      "idcode": "330103200202170413",
      "roomcode": "1105",
      "propertyindex": "9",
      "property_number": "杭州房产第900004号",
      "property":"羊村"
    },
    {
      "id": 7,
      "name": "狂野猩",
      "housecode": "12",
      "phone": "19157715894",
      "idcode": "330103200202170414",
      "roomcode": "507",
      "propertyindex": "4",
      "property_number": "杭州房产第900005号",
      "property":"能源之城"
    },
    {
      "id": 8,
      "name": "猛虎王",
      "housecode": "15",
      "phone": "19157715895",
      "idcode": "330103200202170415",
      "roomcode": "919",
      "propertyindex": "5",
      "property_number": "杭州房产第900006号",
      "property":"时光之城"
    },
    {
      "id": 9,
      "name": "牛头人",
      "housecode": "36",
      "phone": "191577158926",
      "idcode": "330103200202170416",
      "roomcode": "734",
      "propertyindex": "10",
      "property_number": "杭州房产第900007号",
      "property":"凡尔赛宫"
    },
    {
      "id": 10,
      "name": "昊京",
      "housecode": "27",
      "phone": "191577158927",
      "idcode": "330103200202170417",
      "roomcode": "825",
      "propertyindex": "3",
      "property_number": "杭州房产第900008号",
      "property":"君士坦丁堡"
    },
    {
      "id": 11,
      "name": "洗头佬",
      "housecode": "6",
      "phone": "191577158927",
      "idcode": "330103200202170418",
      "roomcode": "1009",
      "propertyindex": "4",
      "property_number": "杭州房产第900009号",
      "property":"紫禁城"
    },
  ]
      }
    }
  }
</script>

<style scoped>
.el-card {
  margin-top: 2rem;
}
.header{
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.header .el-input{
  width: 300px;
}
.out >>> .el-page-header__content{
  width: 90%;
 
}
.out >>> .el-page-header__left{
  align-items: center;
}
</style>